<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>攻略</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./layui/css/layui.css">
    <style>
        /* suc */
        .suc {
            height: 535px;
            clear: both;
        }

        .suc_p {
            height: 90px;
        }

        .suc .one_p {
            height: 90px;
            float: left;
            width: 125px;
            font-size: 24px;
            font-weight: bold;
            line-height: 90px;
            text-align: center;
        }

        .suc .one_p span {
            color: gray;
        }

        .suc .two_p {
            width: 47px;
            height: 90px;
            float: right;
            margin-right: 5px;
            line-height: 90px;
            text-align: center;
            padding-top: 25px;
        }

        .suc .two_p span {
            color: gray;
            font-size: 12px;
        }

        .suc dl dt img {
            width: 300px;
            height: 170px;
        }

        .suc dl {
            width: 25%;
            margin-left: 30px;
            height: 395px;
            float: left;
            text-align: center;
            border: 1px solid gray
        }

        .suc dl h3 {
            font-weight: bold;
        }

        .suc dl dd {
            margin-top: 10px;
        }
    </style>
</head>
<!-- 主页 -->

<body>
    <nav>
        <img src='./img2/basic-logo-dark.png' alt="">
        <ul class="leftUl">
            <li><a href="index.html">首页</a></li>
            <li><a href='javascript:;'>跟团</a></li>
            <li><a href='javascript:;'>自由行</a></li>
            <li><a href='javascript:;'>邮轮</a></li>
            <li><a href='javascript:;'>机票</a></li>
            <li><a href='hotal.html'>酒店</a></li>
            <li><a href='raiders.html'>攻略</a></li>
            <li><a href='publish.html'>发布攻略</a></li>
        </ul>
        <ul class="rightUl">
            <li class="out"><a href="javascript:;">退出</a></li>
            <li class="resgist" style="width: 150px;color: red;"><a href="./login.html">登录</a></li>
        </ul>
    </nav>
    <div class="contain">
        <div class="suc">
            <div class="suc_p">
                <p class="one_p">攻略<span>”</span></p>
            </div>
            <!-- js渲染内容容器 -->
            <div class="content"></div>
        </div>

        <!-- 分页 -->
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">

        </fieldset>

        <div id="demo0"></div>


    </div>
</body>

</html>
<script src="./js/common.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/raiders.js"></script>
<script src="./layui/layui.js"></script>
